<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
    
    <style type="text/css">
         .rotulos{
                font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;
            }
    </style>
<!-- <p:commandButton id="CadastroDialogButton" type="button" value="Cadastro" onclick="CadastroDialog.show()" />  -->
<p:dialog header="Portal Cidadao - Cadastro" position="center" resizable="false" width="500" height="250" modal="true" widgetVar="cadastroDialog" >
            
                <p:outputPanel>
                    <h:form prependId="true">
                        <p:focus for="email" />
                        <h:panelGrid id="cadastroGrid" columns="2">
                            <h:outputLabel id="email" value="Email:" style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" />
                            <p:inputText style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="#{cadastroBean.email}" required="true"/>
                            <h:outputLabel value="Nome:" style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" />
                            <p:inputText style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="#{cadastroBean.nome}" required="true" requiredMessage="Campo [nome] é Obrigatório!" size="30"/>
                            <h:outputLabel style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="Data de Nascimento:"/>
                            <p:calendar style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;"  value="#{cadastroBean.dataNasc}" requiredMessage="Campo [Data Nasc.] é Obrigatório!" navigator="true" pattern="dd/MM/yyyy"/>
                            <h:outputLabel style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" for="senha" value="Senha:" />  
                            <h:inputSecret style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="#{cadastroBean.senha}"   
                                           id="senha" required="true" label="senha" />
                            <h:outputLabel style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" for="senha" value="Confirma Senha:" />  
                            <h:inputSecret style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="#{cadastroBean.confirmaSenha}"   
                                           id="confirmasenha" required="true" label="confirmasenha" />

                            <p:commandButton style="font-family: verdana;
                font-size: 12px;
                font-weight: bold;
                color:#4F4F4F;" value="Enviar" actionListener="#{cadastroBean.create}" ajax="false" /> 
                        </h:panelGrid>
                    </h:form>
                </p:outputPanel>
            </p:dialog>    
    
</html>
